<template>
    <div class="Tab">
        <Header :title="'搜索'" :url="'/Tab'"></Header>
        <mt-navbar v-model="selected">
            <mt-tab-item id="1" class="mint-tab-item-label">宝宝奶粉</mt-tab-item>
            <mt-tab-item id="2" class="mint-tab-item-label">宝宝喂养</mt-tab-item>
            <mt-tab-item id="3" class="mint-tab-item-label">宝宝营养</mt-tab-item>
            <mt-tab-item id="4" class="mint-tab-item-label">纸尿裤</mt-tab-item>
            <mt-tab-item id="5" class="mint-tab-item-label">宝宝辅食</mt-tab-item>
            <mt-tab-item id="6" class="mint-tab-item-label">宝宝洗护</mt-tab-item>
        </mt-navbar>

        <!-- tab-container -->
        <mt-tab-container v-model="selected">
            <mt-tab-container-item id="1">
                <mt-cell v-for="n in 20" :title="'意大利 Mellin 美林 '" />
            </mt-tab-container-item>
            <mt-tab-container-item id="2">
                <mt-cell v-for="n in 10" :title="'奶瓶 '" />
            </mt-tab-container-item>
            <mt-tab-container-item id="3">
                <mt-cell v-for="n in 15" :title="'益生菌 '" />
            </mt-tab-container-item>
            <mt-tab-container-item id="4">
                <mt-cell v-for="n in 15" :title="'美国 GroVia '" />
            </mt-tab-container-item>
            <mt-tab-container-item id="5">
                <mt-cell v-for="n in 15" :title="'米粉/面条 '" />
            </mt-tab-container-item>
            <mt-tab-container-item id="6">
                <mt-cell v-for="n in 15" :title="'洗发沐浴 '" />
            </mt-tab-container-item>
        </mt-tab-container>
    </div>
</template>

<script>
    import Header from './Header'
    export default {
        data(){
            return {
                selected:true
            }
        },
        components:{
            Header
        }
    }
</script>

<style scoped>
    .Tab{
        background:white;
        position: absolute;
        left:0;
        right:0;
        top:0.9rem;
        bottom:0 ;
    }
    .mint-tab-item-label {
        color: inherit;
        font-size: 12px;
        line-height: 3 !important;
    }
</style>